本日小作品：
https://codepen.io/linchinhsuan/pen/bGpZVMM

練習重點摘要：

var btn = document.getElementById("btn");
btn.onclick = function(){.......};

按鈕綁定點擊事件。

age = document.getElementById("age").value;

將使用者輸入的年齡的值撈出來，賦值在變數age上。

if(age>=18){
        lv = '限制級';
    }else if(age>=15){
        lv = '輔15級';
    }else if(age>=12){
        lv = '輔12級';
    }else if(age>=6){
        lv = '保護級';
    }else if(age>=0){
        lv = '普遍級';
    }else{
        alert("請輸入正確的資訊");
    }
    yourLv.textContent = lv;

本日的重點：if判斷式。
經過前面我們已經得到了使用者的年齡，這裡在if括號內的是if的條件判斷式，若括號內的判斷式值為true就會執行{}內的程式碼，反之則不會。假設我今年22歲，那我在(age>=18)會是true，所以會執行lv = '限制級';這段程式碼，至於後面的，if就會直接跳過去（找到符合條件的，剩餘即跳過）。
如過都沒有條件符合，則會執行else裡面的程式碼，這裡讓它彈跳一個提醒視窗給使用者。
最後，將判斷結果得到的值透過.textContent寫入即可。

student = document.getElementById('student').checked;
    if(student){
        ticket = "學生票";
    }else{
        ticket = "普通票";
    }

.checked是<input type="radio">的屬性，當選項被選擇時，值為true，反之則為false。
if括號內若為true則會執行，所以這裡的意思就是如果使用者是特約專案的學生的話，則ticket賦值學生票，反之就是普通票。

    switch(ticket){
        case "學生票":
            price = 210;
            document.getElementById('price').textContent = price;
            break;
        default :
            price = 250;
            document.getElementById('price').textContent = price;
            break;
    }

switch的練習，括號內是switch的條件，當case後面的條件與括號內一致的時候則會執行冒號後的程式碼。例如假設我是特約學校的學生，所以ticket = "學生票"。switch(ticket)就會是switch("學生票")，符合case "學生票":的判斷式，所以會執行後面的程式碼，執行到break為止。

if是條件成立才會跑，但switch是一定會跑的。所以如果沒有寫break，後面的程式碼還是會跑，結果就會是錯誤的250元。

－－－

本日結語：
今天是十三天，感想是pixabay的圖真的很美！每次都很好用！